<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <link rel="icon" href="http://files.softicons.com/download/system-icons/nano-icon-set-by-freeman/png/48/Nano%20-%20Popcorn%20-%20Simple.png" type="image/x-icon" />
        <link rel="stylesheet" href="WebContent\LayoutTeste.css" media="screen,projection">
        <title>Popcorn.com</title>
        <script type="text/javascript">
	function validatePass(form) {
		
		if(form.password.value.equals(form.passwordConfirm.value)){
                    passwordConfirm.style.background="#000";
                }else{
                    password.style.background = "#FFFFFF";
                }
	}
            </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body background="http://static.myopera.com/community/graphics/speeddials/Opera-Background-Simple.jpg">
        <div id="geral">
            <div id="principal" align="left">

                <img  src="WebContent\imagens\icon.png" onclick="window.location.href='index.html'"/>


            </div>
            <div id="secundario">
                <hr/>
                <a id="home" href="index.html" >Home</a>
                <a id="guia_tv" href="GuiaTV.html" >Guia TV</a>
                <a id="novidades" href="" >Novidades</a>
                <a id="proximas_estreias" href="" >Próximas Estreias</a>
                <a id="cancelados" href="" >Cancelados</a>
                <a id="series" href="Series.jsp" >Séries</a>
                <a id="filmes" href="" >Filmes</a>
                <a id="comedia" href="" >Comédia</a>
                <a id="drama" href="" >Drama</a>
                <a id="crime" href="" >Crime</a>
                <a id="scifi" href="" >Sci Fi</a>
                <br>
                <hr/>
            </div>

            <div id="novoRegisto">
                <FORM  ACTION="./ServletRegisto"
                       METHOD="POST" onsubmit="return validatePass(this)">
                    <header id="header" class="info">
                        <h2>Novo Registo</h2>
                    </header>

                    <table  id="tabela_registo" width=50%  border="0" align="center" >
                        <tr >
                            <td>
                                <label>
                                    Nome de Utilizador: 
                                </label>
                            </td>
                            <td>
                                <span>
                                    <input name="nome" type="text" value="" size="50" tabindex="1" required="required" />
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    Password:  
                                </label>
                            </td>
                            <td>
                                <span>
                                    <input name="password" type="password" value="" size="30" tabindex="1" required="required"/>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label>
                                    Confirme a Password:  
                                </label>
                            </td>
                            <td>
                                <span>
                                    <input name="passwordConfirm" type="password" value="" size="30" tabindex="1"  required="required"/>
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td>

                                <label>
                                    Data de Nascimento: 
                                </label>
                            </td>
                            <td>
                                <span>
                                    <input name="data" type="text"  value="" size="10" maxlength="10"/>
                                </span> 

                            </td>

                        </tr>
                        <tr>
                            <td>

                                <label>
                                    Email: 
                                </label>
                            </td>
                            <td>
                                <span>
                                    <input name="email" type="text"  value="" size="50" maxlength="50" required="required"/>
                                </span> 

                            </td>

                        </tr>
                        <tr>
                            <td colspan="2"></td>
                        </tr>
                        <tr>
                            <td  align="center" colspan="2">
                                <input type="submit" id="botoes" value="Registar" title="Registar" name="novo_registo"/>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>



        </div>
    </body>
</html>